/* pagesCollect/pages/collect/edit/homestay/homestay.wxss */
page {
  background: linear-gradient(180deg, #5DC1AD 0%, #d9d9d900 800rpx, #f2f2f4 100%);
  background-color: #f2f2f4;
  background-repeat: no-repeat;
}

.card {
  background-color: #fff;
  border-radius: 20rpx;
  margin: 20rpx;
  padding-bottom: 20rpx;
  overflow: hidden;
  box-shadow: 0 0 10rpx #ebebeb;

  .top {
    height: 190rpx;
    display: flex;
    display: flex;
    background: linear-gradient(180deg, #F2F7F3 0%, rgba(231, 243, 236, 0.2) 100%);

    .flex-f1 {
      flex: 1;
      display: flex;
      flex-direction: column;
      justify-content: center;
      font-size: 40rpx;
      margin-left: 20rpx;
      margin-right: 130rpx;
    }

    image {
      width: 192rpx;
      margin-right: 40rpx;
      margin-top: 35rpx;
    }
  }

  .title {
    display: flex;
    align-items: center;
    margin: 24rpx 44rpx;

    image {
      width: 36rpx;
      height: 36rpx;

    }

    text {
      font-size: 28rpx;
      flex: 1;
      margin: 0 20rpx;

    }
  }

  .intline {
    height: 100rpx;
    display: flex;
    align-items: center;
    border-bottom: 2rpx solid #F1F1F1;
    margin: 20rpx 40rpx;

    text {
      font-size: 28rpx;
      width: 6em;
    }

    view {
      flex: 1;
      height: 100%;

      input {
        width: 100%;
        height: 100%;
        font-size: 28rpx;
        text-align: right;
      }

      textarea{
        width: 100%;
        box-sizing: border-box;
        border: 2rpx solid #9FD3C9;
        font-size: 28rpx;
        line-height: 40rpx;
        min-height: 120rpx;
        padding: 20rpx;
        border-radius: 20rpx;
        margin-top: 20rpx;
      }
    }
  }

  .editorline{
    margin: 20rpx 40rpx;

    .tit{
      display: flex;
      align-items: center;

      text {
        font-size: 28rpx;
        flex:1;
      }

      view{
        font-size: 28rpx;
        color: #9FD3C9;
        line-height: 50rpx;
        height: 50rpx;
        padding: 0 20rpx;
        background-color: #F3F8FB;
        border-radius: 50rpx;
      }
    }

    .content{
      margin-top: 20rpx;
      max-height: 800rpx;
      padding: 20rpx;
      border: 2rpx solid #9FD3C9;
      border-radius: 20rpx;
      overflow-y: auto;
    }
    
  }
}

.addbtn{
  font-size: 32rpx;
  color: #5DC1AD;
  height: 100rpx;
  background-color: #fff;
  border-radius: 20rpx;
  margin: 20rpx;
  display: flex;
  align-items: center;
  justify-content: center;

  image{
    width: 48rpx;
    height: 48rpx;
    margin-right: 30rpx;
  }

}

.surebtn{
  font-size: 32rpx;
  color: #fff;
  text-align: center;
  line-height: 96rpx;
  background-color: #5EC0AD;
  border-radius: 96rpx;
  height: 96rpx;
  position: fixed;
  left: 40rpx;
  right: 40rpx;
  bottom: 80rpx;
  z-index: 999;
}